
$(document).ready(function(){
    //获取屏幕宽高
    var window_height=window.screen.height;
    var window_width=window.screen.width;
    //鼠标在表格条目上时，显示卡片
    $("#form").on("mouseover",".datagrid-row-cell",function(e){
        if($(this).attr("id")!=undefined)
        {
            //将整个条目变成橘色
            $(this).children().css("background-color",'orange')
            //停止当前动画，执行显示动画
            $("#card").stop();
            $("#card").animate({left:(window_width-$("#card").innerWidth())+'px',opacity:'1', 'z-index':'9999'})
            //将id信息传送给卡片（待开发）
            var url=window.location.href
            var page=((url.split('=')).length==1)?1:parseInt(url.split('=')[1])
            var id=$(this).data('id');
            var pos=(page-1)*13+id-1
        }
    })
    //鼠标离开表格条目时，隐藏卡片
    $("#form").on("mouseleave","div",function(e){
        if($(this).attr("id")!=undefined)
        {
            //将整个条目变回原来的颜色
            $(this).children().css("background-color",'')
            //停止当前动画，执行掩藏动画
            $("#card").stop();
            $("#card").animate({left:window_width+'px',opacity:'0'})
        }
    })
    //当鼠标在卡片上时，使之停留
    $("#card").mouseover(function (e){
        $("#card").stop();
    })
})